关键字: flex
  • Vue template 如何支持多个根结点
    如果你试图创建一个没有根结点的 Vue template,像这样: Node 1 Node 2 不出意外的话你会得到一个编译错误或者运行时错误 ...
  • VUE第二天学习
    内容:计算属性、过滤器、过渡动画、组件 生命周期、vue-cli脚手架和组件传值 一、计算属性 1.基本使用 computed,当我们的页面上需要频繁地进行数据运算时,我们需要用到计算属性。 (1)计算属性的变量名可以不在data ...
  • 前端总结
    闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内,禁止重复声明 for 循环中,设置循环变量那部 ...
  • css sticky footer经典布局
    什么是sticky footer布局? 一般指手机页面中,当内容高度撑不满一屏时,页脚紧贴屏幕底部;当内容高度超过一屏时,页脚紧随其后。 方法一:flex弹性盒子布局 父容器container的display为flex,并规定项目排列顺序是 ...
  • 【八】listview组件
    关于专题【vue开发音乐App】 何为listview?简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……,本文介绍的listview组件具备以下特性: 列表数据按照一定的分组依据(如热门、A、B、C ...
  • 17个场景,带你入门CSS布局
    CSS 布局本质就是控制元素的位置和大小。比如这样的布局:元素宽960px,水平居中。宽960px是大小。水平居中是位置。又如这样的布局:两个元素在一行,左侧元素固定宽200px,右侧元素撑满剩余空间。固定宽200px,撑满剩余空间是大小。 ...
  • Flex 布局教程,前端必会的基础技能,面试必会基础
    前言 flex 是常用的 css3 布局方式,可以用少量的代码高效的实现各种页面布局,是一个基础的但是必须会的基本技能,在面试中经常会用到。 例如,最基本的让你实现元素的水平/垂直居中,或在这个基础上延伸出更多其他复杂一些的问题。 下面我们 ...
  • css部分基础知识回顾(一)
    css盒子模型 css和模型有两种,第一种是标准盒子模型(content-box),另一种是怪异盒子模型(IE,border-box)。标准盒子模型的盒子宽度width = contentWidth + paddingLeft + pad ...
  • CSS: 实现两栏布局,左边固定,右边自适应的4种方法
    1. float+overflow:hidden 这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性,所以需要设置 ...
  • CSS:三栏布局
    -三列布局,中间宽度自适应,两边定宽; -中间栏要在浏览器中优先展示渲染; -允许任意列的高度最高; 1. 绝对定位 原理就是将左右两边的元素设置为绝对定位,中间的元素设置其左右的margin值为左右两个元素的宽度 <!DOCTYPE ht ...

暂无数据